<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/style.mobile.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/change-html-fz.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<!-- 页头 -->
<div class="header">
	<div class="main">
		<div id="menu" class="menu"></div>
		<h1><a href="###"></a></h1>
		<div class="wap-menu clearfix">
			<div class="h-mid main">
				<ul class="ul clearfix">
					<li>
						<div class="dropdown"><a href="###">首页</a></div>
						<!-- <div class="sub-menu">
							<dl>
								<dd><span><a href="###">Smart toilets</a></span></dd>
								<dd><span><a href="###">Customized sanitary wares</a></span></dd>
								<dd><span><a href="###">Smart toilets</a></span></dd>
								<dd><span><a href="###">Customized sanitary wares</a></span></dd>
								<dd><span><a href="###">Smart toilets</a></span></dd>
							</dl>
						</div> -->
					</li>
					<li>
						<div class="dropdown"><a href="###">关于我们</a></div>
						<div class="sub-menu">
							<dl>
								<dd><span><a href="###">品牌简介</a></span></dd>
								<dd><span><a href="###">品牌荣誉</a></span></dd>
								<dd><span><a href="###">发展历程</a></span></dd>
							</dl>
						</div>
					</li>
					<li>
						<div class="dropdown"><a href="###">产品</a></div>
						<div class="sub-menu">
							<dl>
								<dd><span><a href="###">阳光房系列</a></span></dd>
								<dd><span><a href="###">窗系列</a></span></dd>
								<dd><span><a href="###">推拉门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">折叠门系列</a></span></dd>
								<dd><span><a href="###">平开门系列</a></span></dd>
							</dl>
						</div>
					</li>
					<li>
						<div class="dropdown"><a href="###">工程案例</a></div>
						<div class="sub-menu">
							<dl>
								<dd><span><a href="###">Smart toilets</a></span></dd>
								<dd><span><a href="###">Customized sanitary wares</a></span></dd>
								<dd><span><a href="###">Smart toilets</a></span></dd>
								<dd><span><a href="###">Customized sanitary wares</a></span></dd>
								<dd><span><a href="###">Smart toilets</a></span></dd>
							</dl>
						</div>
					</li>
					<li>
						<div class="dropdown"><a href="###">新闻资讯</a></div>
						<div class="sub-menu">
							<dl>
								<dd><span><a href="###">公司新闻</a></span></dd>
								<dd><span><a href="###">行业新闻</a></span></dd>
							</dl>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>



<!-- banner -->
<div class="banner">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><a href="###"><img src="images/banner_01.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href="###"><img src="images/banner_02.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href="###"><img src="images/banner_03.jpg" alt=""></a></div>
		</div>
		<div class="swiper-pagination"> </div>
	</div>
</div>

<div class="iab">
	<div class="main">
		<p>佛山市大国门业有限公司位于地理位置得天独厚、交通网络极其便利的中国铝材生产基地佛山市，生产基地占地面积近3万平方米，主要生产高档铝门窗阳光房系列产品，是一家集研发、设计、生产、营销、服务为一体的大型现代化企业。公司现有两大品牌：派力仕欧式智能门窗系统、高端私享定制大国门窗，其中派力仕致力于欧式智能门窗的传播，大国门窗致力于新东方主义私享特属定制门窗。</p>
	</div>
	<div class="abtit_swiper">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<p>开启大国门1</p>
				</div>
				<div class="swiper-slide">
					<p><img src="images/icon01.png" alt="">2</p>
				</div>
				<div class="swiper-slide">
					<p>都是幸福人3</p>
				</div>
				<div class="swiper-slide">
					<p>开启大国门4</p>
				</div>
				<div class="swiper-slide">
					<p><img src="images/icon01.png" alt="">5</p>
				</div>
				<div class="swiper-slide">
					<p>都是幸福人6</p>
				</div>
			</div>
		</div>
	</div>
	<div class="ab_swiper">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/index_01.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div> 
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/banner_01.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/banner_02.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/banner_03.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div> 
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/ab_01.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="video_box">
							<img src="images/ab_02.jpg" alt="">
						</div>
						<div class="ab_mask"></div>
					</a>
				</div>
			</div>
		</div>
	</div>
	
	<div class="root">
		<div class="text">
			<div class="text_box clearfix">
				<p>大国门无论产品风格，还是自己的品牌理念，都是尽力将东西方元素融入进来，自企业成立之时，便直致力于将这种融合传递给消费者。当世界向西，我们起航向东!品读新东方，品读种历久弥新的美学智慧;</p>
				<p>感悟新东方，感悟种安宁祥和的生存哲学。大国门一演绎新东方之美， 开启幸福人居之门。</p>
				<p>新东方主义，是混搭，是融合;是解构，是新生。在东方与西方之间，在古典与时尚之间，美学世界，从此无界。</p>
			</div>
			<div class="tit01 clearfix">
				<i>/从空间/</i>
				<h2>诠释新中式文化 。</h2>
			</div>
		</div>
	</div>
</div>


<div class="ipro">
	<div class="tit02">
		<h2>产品中心</h2>
		<p>PRODUCTS</p>
	</div>
	<div class="index-product">
		<div class="swiper-container swiper1">
			<div class="swiper-wrapper">
				<div class="swiper-slide" >
					<a href="###">
						<div class="img" style="background-image : url(images/index_08.jpg)"></div>
						<div class="text_box">
							<h3>阳光房系列</h3>
							<p>Sunroom series</p>
						</div>
					</a>
				</div>
				<div class="swiper-slide" >
					<a href="###">
						<div class="img" style="background-image : url(images/index_08.jpg)"></div>
						<div class="text_box">
							<h3>阳光房系列</h3>
							<p>Sunroom series</p>
						</div>
					</a>
				</div>
				<div class="swiper-slide" >
					<a href="###">
						<div class="img" style="background-image : url(images/index_08.jpg)"></div>
						<div class="text_box">
							<h3>阳光房系列</h3>
							<p>Sunroom series</p>
						</div>
					</a>
				</div>
				<div class="swiper-slide" >
					<a href="###">
						<div class="img" style="background-image : url(images/index_08.jpg)"></div>
						<div class="text_box">
							<h3>阳光房系列</h3>
							<p>Sunroom series</p>
						</div>
					</a>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="iadvan">
		<div class="main">
			<h3>八大优势,与您携手共赢</h3>
			<div class="img_box">
				<img src="images/index_11.jpg" alt="">
			</div>
			<div class="text_box">
				<h4>{ 品牌优势 }</h4>
				<p>拥有占地28000多平方米的智能流水生产工业园，成为中国智能定制门窗的先行者和成功实践者，并此获得飞速发展，建成智能定制生产基地。</p>
				<div class="more">更多优势</div>
			</div>
		</div>
	</div>
	<div class="text">
		<p>一心一匠一世界</p>
		<p>大国之匠大国门</p>
	</div>
	<div class="ijiang">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="###">
						<div class="img_box"><img src="images/index_14.jpg" alt=""></div>
						<div class="text_box">
							<h4>工匠</h4>
							<p>工匠，是一种精神，与时间无关。当以极致之心而为造物之事，便是工匠精神的完美写照——大国门，从创立之初，便持守造一趟好门、制一扇好窗的朴素初心，不为潮来潮去的浮华所动，一以贯之专注精工之道，将每一份用心，倾注于每一个微小细节，成就每一套经得起推敲的好门窗。</p>
						</div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="img_box"><img src="images/index_14.jpg" alt=""></div>
						<div class="text_box">
							<h4>名匠</h4>
							<p>精研门道，讲究的是耐住性子、戒骄戒躁，让技艺在沉淀中升华、品质在历练中纯碎、品牌在传承中出众——历经多年潜心修炼、切磋琢磨，大国品牌脱颖而出、超乎平常，于外自有气度，内外兼修，足为名匠。大国名匠之名，不求人尽皆知，但愿用户有口皆碑。</p>
					</div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="img_box"><img src="images/index_14.jpg" alt=""></div>
						<div class="text_box">
							<h4>大匠</h4>
							<p>大器无形，大音希声，大巧不工。大匠者，洞悉本质，直抵创造内涵——每一次出手皆为大手笔，每一次变革尽是大突破，每一次创新都见大门道、大创造。大国门业，门业大匠，以非凡创造树立标杆，更以责任担当造福行业。</p>
					</div>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="###">
						<div class="img_box"><img src="images/index_14.jpg" alt=""></div>
						<div class="text_box">
							<h4>国匠</h4>
							<p>国手争先，国士无双，执鼎之尊，国之所重。飞速崛起的大国，必呼唤举世瞩目之国匠。国匠之成，顺乎大势，更存乎一心：一心探求门道，一心淬炼品质，一心为世人创造理想的生活。一心一匠一世界，大国之匠大国门。</p>
					</div>
					</a>
				</div>
			</div>
			<span class="prev"></span>
			<span class="next"></span>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</div>

<div class="inews">
	<div class="main">
		<div class="tit02">
			<h2>新闻中心</h2>
			<p>News center</p>
		</div>
		<div class="img_box">
			<img src="images/index_17.jpg" alt="">
		</div>
		<div class="text_list">
			<div class="text_box">
				<a href="###">
					<h3>断桥窗为什么深受人们的喜爱?</h3>
					<p>2020年的开端，被一场突如其来的疫情完全打乱了我们的生活和工作节奏。春风散去阴霾，万物迎来复苏。在这草长莺飞的日子里，大国人匠心如初，不负众望，勇于创新的精神从未改变...</p>
				</a>
			</div>
			<div class="text_box">
				<a href="###">
					<h3>断桥窗为什么深受人们的喜爱?</h3>
					<p>2020年的开端，被一场突如其来的疫情完全打乱了我们的生活和工作节奏。春风散去阴霾，万物迎来复苏。在这草长莺飞的日子里，大国人匠心如初，不负众望，勇于创新的精神从未改变...</p>
				</a>
			</div>
			<div class="text_box">
				<a href="###">
					<h3>断桥窗为什么深受人们的喜爱?人们的喜爱?人们的喜爱?</h3>
					<p>2020年的开端，被一场突如其来的疫情完全打乱了我们的生活和工作节奏。春风散去阴霾，万物迎来复苏。在这草长莺飞的日子里，大国人匠心如初，不负众望，勇于创新的精神从未改变...</p>
				</a>
			</div>
		</div>
	</div>
</div>

<div class="footer">
	<div class="main">
		<p>版权所有：2020  佛山市大国门业有限公司	<a href="###">粤ICP备12033320号  </a></p>		<p>技术支持：<a href="###">云路科技</a></p>
		
		
		
<!-- 		<div style="width:300px;margin:0 auto; padding:20px 0;">
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011502000581" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
				<img src="" style="float:left;"/>
				<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 44011502000581号</p>
			</a>
		</div> -->
	</div>
	
</div>

<div class="tab">
	<div class="main clearfix">
		<div class="col-4"><a href="###">品牌</a></div>
		<div class="col-4"><a href="###">产品</a></div>
		<div class="col-4"><a href="###">招商</a></div>
		<div class="col-4"><a href="tel:0757-86436297">电话</a></div>
	</div>
</div>

		
<script src="js/index.js"></script>
<script>
$(function(){
	var ab_swiper = new Swiper('.ab_swiper .swiper-container', {
		loop: true,
		loopedSlides: 3,
		centeredSlides: true,
		slidesPerView: 'auto',
		watchSlidesProgress: true,
		on: {
			progress: function(progress) {
				for (i = 0; i < this.slides.length; i++) {
					var slide = this.slides.eq(i);
					var slideProgress = this.slides[i].progress;
					modify = 1;
					if (Math.abs(slideProgress) > 1) {
						modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
					}
					translate = slideProgress * modify * 2.6 + 'rem';
					scale = 1 - Math.abs(slideProgress) / 5;
					zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
					slide.transform('translateX(' + translate + ') scale(' + scale + ')');
					slide.css('zIndex', zIndex);
					slide.css('opacity', 1);
					if (Math.abs(slideProgress) > 3) {
						slide.css('opacity', 0);
					}
				}
			},
			setTransition: function(transition) {
				for (var i = 0; i < this.slides.length; i++) {
					var slide = this.slides.eq(i)
					slide.transition(transition);
				}
			}
		}
	});
	var abtit_swiper = new Swiper('.abtit_swiper .swiper-container', {
		loop: true,
		slidesPerView : 3,
	});
	abtit_swiper.controller.control = ab_swiper;
	ab_swiper.controller.control = abtit_swiper;
})
</script>
</body>
</html>
